// walk(data) 遍历data中的所有属性 调用defineReactive
// defineReactive(data,key,value) 定义响应式数据 调用defineProperty(obj,prop,{})将数据转换成setter/getter
class Observer {
    constructor(data){
        this.walk(data)
    }
    //遍历data对象的所有属性
    walk(data){
        // 1 判断data是否是空值、对象
        if(!data || typeof data !='object'){
            return 
        }
        // 2 遍历data对象的所有属性
        Object.keys(data).forEach((key)=>{
            this.defineReactive(data,key,data[key])
        })
    }
    defineReactive(obj,key,val){
        let that = this
        // 负责收集依赖，并发送通知
        let dep = new Dep()
        //如果val是对象，把val对象内部属性转换成响应式数据
        this.walk(val)
        Object.defineProperty(obj,key,{
            enumerable:true,
            configurable:true,
            get(){
                // 收集依赖
                Dep.target && dep.addSub(Dep.target)
                return val
            },
            set(newValue){
                if(newValue === val) return 
                val = newValue
                //如果新赋值的属性是对象，则遍历对象属性调用defineReactive，将其装换成响应式数据
                // this指向data对象
                that.walk(newValue)
                // 发送通知（Dep）
                dep.notify()
            }
        })
    }
}
/* 
为什么defineReactive(obj,key,val)要传第三个参数，而不用obj[key]表示？
this._proxyData(this.$data)和 new Observer(this.$data)参数都是this.$data,所以当访问Vue _proxyData中的get方法（data[key]）的时候会触发Observer中defineReactive方法中的get方法，返回val。而如果将val改成obj[key]的话，当我们访问obj[key]就会触发get方法，get方法里面又有obj[key]，所有又会访问get方法，发生死递归。

为什么调用完defineReactive方法后，val没有被释放掉？
因为this.$data,引用了get()方法，defineReactive虽然调用完了，val时defineReactive中的变量，但是get方法中引用了val，形成了闭包（闭包能访问外部环境中的变量）所以val没有被释放掉。

$data中属性如果是对象，则对象属性也是响应式的。this.walk(val)

如果将data中的msg属性重新赋值成对象，对象中的属性是响应式的。
 */